@charset "UTF-8";
$BusinessColor: #006c68;
//页面主体
.web {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    min-width: 1300px;
}

//logo样式
.header-logo {
    padding: 30px 0 18px 9.1%;
}
.header-logo img {
   width: 181px;
   height: 48px;
}
//导航栏样式
.nav {
    width: 100%;
    background: #d3dae4;
    border-top: 1px groove #abb5c3;
}

.nav ul {
    padding: 7px 0 7px 20.34%;
}
.nav a {
//  width: 100%;
//  height: 100%;
    display: inline-block;
    color: black;
}


.nav li {
    text-align: center;
    display: inline-block;
    width: 10.72%;
    white-space: normal;
    position: relative;
}
.nav li:hover{
        
    animation-name: flash  ;
                animation-duration: 2s;
                animation-iteration-count: 1;
                animation-fill-mode: forwards;
}

//导航栏装饰条样式
.nav li:first-child a:after,
.nav li:nth-child(2) a:after,
.nav li:nth-child(3) a:after,
.nav li:nth-child(4) a:after,
.nav li:nth-child(5) a:after{
  content: "";
  position: absolute;
  width: 1px;
  height: 23px;
  background: #a5a9af;
  top: 5px;
  right: 0; 
  }


.nav p {
    font-size: 12px;
    transform: scale(0.7);
    margin-top: 1px;
}

.nav span {
    font-size: 13px;

}
//轮播图
#imageBack {
  position: relative;
  width: 100%;}

#imageBack img {
  width: 100%;
  height: 100%; }
  

#last {
  top: 40%;
  left: 18px;
  position: absolute;
  opacity: 1; }
  
 
#testImage :target{ animation:formLeft 1s;}


@keyframes formLeft{

0%{ transform:translateX(-100%) scale(0);}

100%{ transform:translateX(0) scale(1);}

}


#next {
  top: 40%;
  right: 18px;
  position: absolute;
  opacity: 1; 
  }

